<template>
   <div class="combodesc">
                <div class="inservice sec" v-if='drivingContent.introduce == "" ? false : true' >
                    <h3>套餐介绍</h3>
                    <p  v-for="item in drivingContent.introduce.split('\n')">{{item}}</p>
                </div>
                <div class="inservice sec" v-if='drivingContent.service_commitment == "" ? false : true'>
                    <h3>服务承诺</h3>
                    <p v-for="item in drivingContent.service_commitment.split('\n')">{{item}}</p>   
                </div>
                <div class="outservice sec" v-if='drivingContent.cost_details == "" ? false : true'>
                    <h3>费用明细</h3>
                    <p v-for="item in drivingContent.cost_details.split('\n')">{{item}}</p>
                </div>
      </div>
</template>
<script>
    export default {
        props:["drivingContent"]
    }
</script>

<style lang="scss" scoped>
    @import 'src/common/styles/mixins';
.combodesc{
    background:#fff;
    padding:px2rem(40) px2rem(20);
    margin-top:px2rem(20);
    .sec{
        margin-top: px2rem(40);
        h3{ font-weight:300;
            font-size: px2rem(32);
            color:#333;
        }
        p{
            font-size: px2rem(24);
            color: #999;
            line-height: 1.5;
            margin-top: px2rem(30);
             div{
                padding:px2rem(6) 0;
             }
        }
    }
}


 



</style>
